<template>
	<view class="content">
		<view class="eva-con">
			<view class="place-rem-tit">
				<text>评价标签</text>
				<text></text>
			</view>
			<view class="eva-star">
				<text class="eva-act">1星</text>
				<text>2星</text>
				<text>3星</text>
				<text>4星</text>
				<text>5星</text>
			</view>
			<view class="place-rem-tit">
				<text>用户来源</text>
				<text></text>
			</view>
			<view class="eva-star">
				<text  class="eva-act">电梯广告</text>
				<text>朋友介绍</text>
				<text>技师推荐</text>
				<text>微信平台</text>
				<text>线下推荐</text>
			</view>
		</view>
		
		<view class="h110"></view>
		
		<view class="detail-sel">
			<view class="detail-btn">确定</view>
		</view>
	</view>
</template>
<style lang="scss">
page{
	background-color: $uni-bg-color-grey;
}
.content{
	.eva-con{
		margin:30rpx 20rpx;
		padding:30rpx 30rpx 10rpx;
		background-color: #fff;
		border-radius: 20rpx;
		.eva-star{
			margin-bottom: 10rpx;
			text{
				display: inline-block;
				margin-bottom: 20rpx;
				padding:5rpx 20rpx;
				border: 2rpx solid  $uni-text-color-grey;
				color: $uni-text-color-grey;
				font-size: 24rpx;
				border-radius: 20rpx;
				margin-right: 20rpx;
				&.eva-act{
					border: 2rpx solid $uni-text-color-active;
					color:$uni-text-color-active;
				}
			}
		}
		.place-rem-tit{
			display: flex;
			font-size: 28rpx;
			margin-bottom: 20rpx;
			justify-content:space-between;
			text{
				display: inline-block;
				flex: 1;
				&:first-child{
					font-weight: bold;
				}
				&:last-child{
					font-size: 24rpx;
					color: $uni-text-color-grey;
				}
			}
		}
	}
	.detail-sel{
		padding: 20rpx;
		position:fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		text-align: center;
		.detail-btn{
			height:70rpx;
			line-height: 70rpx;
			border-radius: 35rpx;
			color: #fff;
			font-size: 28rpx;
			background-color:$uni-text-color-active;
		}
	}
	.h110{
		width: 100%;
		height:110rpx;
	}
}
</style>